<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <title>插件管理</title>
    <script data-main="list.js" src="../boot.js" type="text/javascript"></script>
    <style type="text/css">
        .mini-col-6 {
            padding-bottom: 10px;
        }

        .info-key {
            color: #8e8e8e;
            padding-right: 20px
        }
    </style>
</head>
<body style="display: none">
<div class="mini-fit">
    <div class="mini-toolbar" style="border-bottom: 0;">
        <div id="search-box" class="mini-clearfix search-box">
            <div class="mini-col-4 form-component">
                <div class="form-item">
                    <label class="form-label">插件分类：</label>
                    <div class="input-block component-body">
                        <input name="categoryId$LIKE" style="width: 100%" showNullItem="true" nullItemText="全部" emptyText="全部"
                               valueField="id" textField="name" class="mini-combobox" id="category" >
                    </div>
                </div>
            </div>
            <div class="mini-col-4 form-component">
                <div class="form-item">
                    <label class="form-label">安装方式：</label>
                    <div class="input-block component-body">
                        <input name="preset$LIKE" style="width: 100%" showNullItem="true" nullItemText="全部" emptyText="全部"
                               valueField="id" textField="text" class="mini-combobox"
                               data="[{id:1,text:'预置安装'},{id:2,text:'自主安装'}]">
                    </div>
                </div>
            </div>

            <div class="mini-col-4 form-component">
                <div class="form-item">
                    <label class="form-label">插件名称：</label>
                    <div class="input-block component-body">
                        <input name="name$LIKE" class="mini-textbox" style="width: 70%"/>
                    </div>
                </div>
            </div>

        </div>
        <div class="operate-button">
            <a autz="hasPermission('plugin-version','add')" class="mini-button add-button" iconCls="fa-plus">添加插件</a>
        </div>
    </div>
    <div class="mini-fit">
        <div id="datagrid" class="mini-datagrid" style="width:100%;height: 100%;margin: auto;" showPager="true"
             onshowrowdetail="onShowRowDetail">
            <div property="columns">
                <div field="name" width="100" headerAlign="center" allowSort="true" align="center">名称</div>
                <div field="author" width="100" headerAlign="center" allowSort="true" align="center">作者</div>
                <div field="categoryId" width="100" renderer="renderCategory" headerAlign="center" allowSort="true"
                     align="center">插件分类
                </div>
                <div field="type.text" width="100" headerAlign="center" allowSort="true" align="center"
                     renderer="renderType">类型
                </div>
                <div field="preset" width="100" renderer="renderPreset" headerAlign="center" align="center">安装方式</div>
                <!--<div field="area" width="100" headerAlign="center" align="center">归属区域</div>-->
                <!--<div field="status" renderer="renderStatus" headerAlign="center" align="center">状态</div>-->
                <div type="expandcolumn" width="80">版本信息</div>
                <div headerAlign="center" renderer="renderAction" align="center">操作</div>
            </div>
        </div>
    </div>


</div>

<div id="version-form" style="display:none">
    <div id="version-datagrid" class="mini-datagrid" style="width:100%;height: 300px;margin: auto;" showPager="true" >
        <div property="columns">
            <div field="version" width="100" headerAlign="center" allowSort="true" align="center">版本</div>
            <div field="icon" renderer="renderIcon" headerAlign="center" allowSort="true" align="center">图标</div>
            <div field="url" width="100" renderer="renderUrl" headerAlign="center" allowSort="true" id="version-icon"
                 align="center">下载地址
            </div>
            <!--<div field="area" headerAlign="center" align="center">归属区域</div>-->
            <div field="pluginPermissionGroup.name" width="100" headerAlign="center" allowSort="true" align="center">
                插件权限
            </div>
            <!--<div field="status" renderer="renderStatus" headerAlign="center" align="center">状态</div>-->
            <!--<div field="handLog" width="100" headerAlign="center" align="center">操作日志</div>-->
            <div field="action" renderer="renderVersionAction" headerAlign="center" align="center">操作</div>

        </div>
    </div>
</div>
<div id="info-form" class="mini-window" title="详情" style="width:800px;height:500px;"
     showMaxButton="true" showCollapseButton="true" showShadow="true"
     showToolbar="true" showFooter="true" showModal="false" allowResize="true" allowDrag="true">
    <div id="content" style="margin-left: 30px;margin-top: 10px">
        <h3 style="color:#0f83e6;" class="mini-col-12">基本信息</h3>
        <div class="mini-col-6"><span class="info-key">插件名称:</span><span class="name"></span>
        </div>
        <div class="mini-col-6"><span class="info-key">插件标识:</span><span class="mark"></span>
        </div>
        <div class="mini-col-6"><span class="info-key">插件分类:</span><span
                class="categoryId"></span></div>
        <div class="mini-col-6"><span class="info-key">插件类型:</span><span class="type"></span>
        </div>
        <div class="mini-col-6"><span class="info-key">归属区域:</span><span class="areaName"></span>
        </div>
        <div class="mini-col-6"><span class="info-key">包含版本:</span><span
                class="versionCount"></span></div>
        <div class="mini-col-6"><span class="info-key">最新版本:</span><span
                class="lastVersionNo"></span></div>

        <div class="mini-col-6"><span class="info-key">安装方式:</span><span class="preset"></span>
        </div>


        <h3 style="color:#0f83e6;" class="mini-col-12">作者信息</h3>
        <div class="mini-col-6" style="padding-bottom: 10px;"><span
                style="color: #8e8e8e;padding-right: 20px">作者:</span><span class="author"></span></div>
        <div class="mini-col-6" style="padding-bottom: 10px;"><span
                style="color: #8e8e8e;padding-right: 20px">联系电话:</span><span class="authorPhone"></span></div>
        <div class="mini-col-6" style="padding-bottom: 10px;"><span
                style="color: #8e8e8e;padding-right: 20px">邮箱:</span><span class="authorEmail"></span></div>

        <h3 style="color:#0f83e6;" class="mini-col-12">插件说明</h3>
        <div class="mini-col-12" >
            <span class="info-key"></span>
            <span class="comment" style="word-break: normal"></span>
        </div>
    </div>
</div>
</body>
</html>